<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no, width=device-width">
	<title>会员中心</title>
	<link rel="stylesheet" type="text/css" href="css/bootstrap.min.css">
	<link rel="stylesheet" type="text/css" href="css/swiper.css">
	<link rel="stylesheet" type="text/css" href="css/common.css">
	<link rel="stylesheet" type="text/css" href="css/user.css">
	<script type="text/javascript" src="js/jquery.js"></script>
	<script type="text/javascript" src="js/swiper.jquery.js"></script>
	<script type="text/javascript" src="js/bootstrap.js"></script>
</head>
<body>
	<div class="header">
		<div class="container">
			<div class="row">
				<nav class="navbar navbar-default" role="navigation">
					<div class="navbar-header">
						<button type="button" class="navbar-toggle" data-toggle="collapse"data-target="#example-navbar-collapse">
							<span class="icon-bar"></span>
							<span class="icon-bar"></span>
							<span class="icon-bar"></span>
						</button>
					</div>
					<div class="collapse navbar-collapse" id="example-navbar-collapse">
						<ul class="nav navbar-nav">
							<li><a href="index.html">首页</a></li>
							<li><a href="products.html">产品中心</a></li>
							<li><a href="company.html">公司简介</a></li>
							<li><a href="news.html">新闻中心</a></li>
							<li><a href="contact.html">联系我们</a></li>
						</ul>
					</div>
				</nav>
				<div class="logo">
					 <a href="index.html"><img src="images/logo.png"></a>
				</div>
				<div class="cart visible-xs">
					<a href="shopcart.html"><img src="images/cart.png" alt=""></a>
				</div>
				<button class="btn btn-primary btn-lg searchbtn" data-toggle="modal" data-target="#myModal"></button>
				<div class="modal fade bs-example-modal-sm" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
				  <div class="modal-dialog">
				    <div class="modal-content">
						<div class="modal-header">
							<button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">&times;</span><span class="sr-only">Close</span></button>
							<h4 class="modal-title" id="myModalLabel">搜索框</h4>
						</div>
						<div class="modal-body">
							<form class="bs-example bs-example-form search_form" role="form">
								<div class="input-group">
									<input type="text" class="form-control">
									<span class="input-group-btn">
										<button class="btn btn-default" type="button">
										搜索
										</button>
									</span>
								</div>
							</form>
						</div>
				    </div>
				  </div>
				</div>
				<div class="right">
					<div class="search">
						<form>
							<input type="text">
							<input type='submit' value="">
						</form>
					</div>
					<div class="rightnav">
						<a href="login.html">登录</a>
						<a href="register.html">注册</a>
						<a href="shopcart.html">购物车</a>
					</div>
				</div>
			</div>
		</div>
		<div class="visible-xs head_bot">
			<img src="images/head_left.jpg">
			<img src="images/head_right.jpg">
		</div>
	</div>
	<div class="content">
		<div class="container">
			<div class="row">
				<div class="user">
					<div class="pagetitle"></div>
					<div class="usermess">
						<div class="pic">
							<a href="user.html">
								<img src="images/person.png">
							</a>
						</div>
						<div class="text">
							<h2>郑千祈<span>13535207265</span></h2>
							<ul class="clear">
								<li><a href="">账户管理</a></li>
								<li><a href="">修改密码</a></li>
								<li><a href="">收货地址  </a></li>
							</ul>
						</div>
					</div>
					<div class="money clear ">
						<div class="col-xs-12 col-sm-2">
							<a href="">我的钱包</a>
						</div>
						<div class="col-xs-3 col-sm-2">
							<p>
								<span class="col-xs-12 col-sm-6"><b>￥589.00</b></span>
								<span class="col-xs-12 col-sm-6">余  额</span>
							</p>
						</div>
						<div class="col-xs-3 col-sm-2">
							<p>
								<span class="col-xs-12 col-sm-6"><i>7张</i></span>
								<span class="col-xs-12 col-sm-6">优惠券</span>
							</p>
						</div>
						<div class="col-xs-3 col-sm-2 col-sm-offset-1">
							<p>
								<span class="col-xs-12 col-sm-6"><img src="images/ico1.png"></span>
								<span class="col-xs-12 col-sm-6">充  值</span>
							</p>
						</div>
						<div class="col-xs-3 col-sm-2 col-sm-offset-1">
							<p>
								<span class="col-xs-12 col-sm-6"><img src="images/ico2.png"></span>
								<span class="col-xs-12 col-sm-6">提   现</span>
							</p>
						</div>
					</div>
					<div class="list">
						<ul id="myTab" class="nav nav-tabs">
							<div class="col-sm-2" style="text-align: center;display: block;color: #ffffff;font-size: 20px; height: 40px;line-height: 40px;">
								<a href="order.html" style="color: #ffffff">我的订单</a>
								<a href="order.html" class="visible-xs">全部订单</a>
							</div>
							<li>
								<a href="#tab1" data-toggle="tab">全部订单</a>
							</li>
							<li class="active">
								<a href="#tab2" data-toggle="tab">已收货</a>
							</li>
							<li>
								<a href="#tab3" data-toggle="tab">待付款</a>
							</li>
							<li>
								<a href="#tab4" data-toggle="tab">待收货</a>
							</li>
							<li>
								<a href="#tab5" data-toggle="tab">待发货</a>
							</li>
							<li>
								<a href="#tab6" data-toggle="tab">待评价</a>
							</li>
							<form>
								<input type="text">
								<input type="submit" value="" class="hidden-xs">
								<input type="button" class="btn visible-xs" data-toggle="modal" data-target="#myModal" value="">
							</form>
						</ul>
						<div id="myTabContent" class="tab-content">
							<div class="tab-pane fade" id="tab1">
								全部订单
							</div>
							<div class="tab-pane fade in active" id="tab2">
								<div class="thead hidden-xs">
									<div class="col-xs-4">
										<p>
											<select>
												<option>近三个月订单</option>
												<option>近三个月订单</option>
												<option>近三个月订单</option>
												<option>近三个月订单</option>
											</select>
										</p>
									</div>
									<div class="col-xs-2">
										<p>商品名</p>
									</div>
									<div class="col-xs-1">
										<p>数量</p>
									</div>
									<div class="col-xs-1">
										<p>单价</p>
									</div>
									<div class="col-xs-1">
										<p>总计</p>
									</div>
									<div class="col-xs-1">
										<p>收货人</p>
									</div>
									<div class="col-xs-1">
										<p>操作</p>
									</div>
									<div class="col-xs-1">
										<p>操作</p>
									</div>
								</div>
								<div class="tbody">
									<ul>
										<li class="clear">
											<div class="col-xs-12 col-sm-8 tbody_mess">
												<div class="col-xs-12">
													<div class="col-xs-4 col-sm-3">
														<a href="order_detail.html">
															<img src="images/orderdetail.png">
														</a>
													</div>
													<div class="col-xs-8 col-sm-9">
														<div class="col-xs-12 col-sm-8">
															<h3><a href="order_detail.html">琉球深海魣鱼寿司20g</a></h3>
														</div>
														<div class="col-xs-6 col-sm-2">
															<p>10</p>
														</div>
														<div class="col-xs-6 col-sm-2">
															<p>￥10</p>
														</div>
													</div>
												</div>
												<div class="col-xs-12">
													<div class="col-xs-4 col-sm-3">
														<a href="order_detail.html">
															<img src="images/orderdetail.png">
														</a>
													</div>
													<div class="col-xs-8 col-sm-9">
														<div class="col-xs-12 col-sm-8">
															<h3><a href="order_detail.html">琉球深海魣鱼寿司20g</a></h3>
														</div>
														<div class="col-xs-6 col-sm-2">
															<p>10</p>
														</div>
														<div class="col-xs-6 col-sm-2">
															<p>￥10</p>
														</div>
													</div>
												</div>
											</div>
											<div class="col-xs-12 col-sm-4 tbody_person">
												<div class="col-xs-6">
													<div class="col-xs-12 col-sm-6">
														<p>¥250.50</p>
													</div>
													<div class="col-xs-12 col-sm-6">
														<p>郑千祈</p>
													</div>
												</div>
												<div class="col-xs-6">
													<div class="col-xs-12 col-sm-6">
														<p>评价晒单</p>
													</div>
													<div class="col-xs-12 col-sm-6">
														<p>退换货</p>
													</div>
												</div>
											</div>
										</li>
										<li class="clear">
											<div class="col-xs-12 col-sm-8 tbody_mess">
												<div class="col-xs-12">
													<div class="col-xs-4 col-sm-3">
														<a href="order_detail.html">
															<img src="images/orderdetail.png">
														</a>
													</div>
													<div class="col-xs-8 col-sm-9">
														<div class="col-xs-12 col-sm-8">
															<h3><a href="order_detail.html">琉球深海魣鱼寿司20g</a></h3>
														</div>
														<div class="col-xs-6 col-sm-2">
															<p>10</p>
														</div>
														<div class="col-xs-6 col-sm-2">
															<p>￥10</p>
														</div>
													</div>
												</div>
											</div>
											<div class="col-xs-12 col-sm-4 tbody_person">
												<div class="col-xs-6">
													<div class="col-xs-12 col-sm-6">
														<p>¥250.50</p>
													</div>
													<div class="col-xs-12 col-sm-6">
														<p>郑千祈</p>
													</div>
												</div>
												<div class="col-xs-6">
													<div class="col-xs-12 col-sm-6">
														<p>评价晒单</p>
													</div>
													<div class="col-xs-12 col-sm-6">
														<p>退换货</p>
													</div>
												</div>
											</div>
										</li>
									</ul>
								</div>
							</div>
							<div class="tab-pane fade" id="tab3">
								代付款
							</div>
							<div class="tab-pane fade" id="tab4">
								待收货
							</div>
							<div class="tab-pane fade" id="tab5">
								代发货
							</div>
							<div class="tab-pane fade" id="tab6">
								待评价
							</div>
						</div>
					</div>
					<div class="more visible-xs">
						<a href="news.html">浏览更多</a>
					</div>
					<div class="paging hidden-xs">
						<ul class="clear">
							<li><a href="#">首页</a></li>
							<li><a href="#">上一页</a></li>
							<li><a>第</a></li>
							<li><a href="#">1</a></li>
							<li><a href="#">2</a></li>
							<li><a href="#">3</a></li>
							<li><a href="#">...</a></li>
							<li><a href="#">10</a></li>
							<li><a href="#">11</a></li>
							<li><a href="#">12</a></li>
							<li><a href="#">13</a></li>
							<li><a href="#">14</a></li>
							<li><a href="#">15</a></li>
							<li><a href="#">...</a></li>
							<li><a href="#">57</a></li>
							<li><a href="#">58</a></li>
							<li><a href="#">59</a></li>
							<li><a href="#">下一页</a></li>
							<li><a href="#">末页</a></li>
							<span>到第<input type="text" maxlength="2">页</span>
						</ul>
					</div>
				</div>
			</div>
		</div>
	</div>
	<div class="footer">
		<div class="top">
			<img src="images/home.png">
		</div>
		<div class="middle visible-lg">
			<div class="nav">
				<dl>
					<dt>关于我们</dt>
					<dd><a href="company.html">品牌介绍</a></dd>
					<dd><a href="news.html">新闻中心</a></dd>
				</dl>
				<dl>
					<dt>合作事项</dt>
					<dd><a href="javascript:void(0)">电商合作</a></dd>
					<dd><a href="javascript:void(0)">入驻加盟</a></dd>
					<dd><a href="javascript:void(0)">配送范围</a></dd>
					<dd><a href="javascript:void(0)">广告服务</a></dd>
				</dl>
				<p><a href="index.html"><img src="images/foot_logo.png"></a></p>
				<dl>
					<dt>个人中心</dt>
					<dd><a href="register.html">注册登录</a></dd>
					<dd><a href="user.html">账户管理</a></dd>
					<dd><a href="order_detail.html">订单详情</a></dd>
				</dl>
				<dl>
					<dt>招贤纳士</dt>
					<dd><a href="javascript:void(0)">校园招聘</a></dd>
					<dd><a href="javascript:void(0)">社会招聘</a></dd>
				</dl>
			</div>
		</div>
		<div class="bottom">
			<p>粤ICP备08952533号</p>
		</div>
	</div>
</body>
</html>